<!DOCTYPE html>
<html>
<head>
    <title>UVTech</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}"/>
    <meta name="description" content="{$site_info.site_seo_description|default=''}">
    <include file="public@head"/>
    <link href="__TMPL__/public/assets/css/slippry/slippry.css" rel="stylesheet">
    <style>
        .caption-wraper {
            position: absolute;
            left: 50%;
            bottom: 2em;
        }

        .caption-wraper .caption {
            position: relative;
            left: -50%;
            background-color: rgba(0, 0, 0, 0.54);
            padding: 0.4em 1em;
            color: #fff;
            -webkit-border-radius: 1.2em;
            -moz-border-radius: 1.2em;
            -ms-border-radius: 1.2em;
            -o-border-radius: 1.2em;
            border-radius: 1.2em;
        }

        .tc-gridbox {
            margin: 0;
        }

        @media (max-width: 767px) {
            .caption-wraper {
                left: 0;
                bottom: 0.4em;
            }

            .caption-wraper .caption {
                left: 0;
                padding: 0.2em 0.4em;
                font-size: 0.92em;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -ms-border-radius: 0;
                -o-border-radius: 0;
                border-radius: 0;
            }
        }

    </style>
    <hook name="before_head_end"/>
</head>
<body class="body-white">
<include file="public@nav-en"/>

<ul id="home-slider" class="list-unstyled">
    <php>
        $top_slide_id=empty($theme_vars['top_slide'])?1:$theme_vars['top_slide'];
    </php>
    <slides id="$top_slide_id">
        <li>
            <div class="caption-wraper">
                <div class="caption">{$vo.title|default=''}</div>
            </div>
            <a href="{$vo.url|default=''}"><img src="{:cmf_get_image_url($vo.image)}" alt=""></a>
        </li>
    </slides>
    <noslides id="$top_slide_id">
        <li>
            <div class="caption-wraper">
                <div class="caption">Products</div>
            </div>
            <a href="/thinkcmf/public/portal/producten.html"><img src="__TMPL__/public/assets/images/comp/en/product_s1.jpg" alt=""></a>
        </li>
        <li>
            <div class="caption-wraper">
                <div class="caption">Case</div>
            </div>
            <a href="/thinkcmf/public/portal/caseen.html"><img src="__TMPL__/public/assets/images/comp/en/case_s1.jpg" alt=""></a>
        </li>
        <li>
            <div class="caption-wraper">
                <div class="caption">Our service</div>
            </div>
            <a href="/thinkcmf/public/portal/serviceen.html"><img src="__TMPL__/public/assets/images/comp/en/service_s1.jpg" alt=""></a>
        </li>
    </noslides>
</ul>

<div class="container">
    <div name="new_news">
        <div>
            <h3 class="text-center">News</h3>
        </div>

        <div class="row">
            <a href='www.baidu.com'>Radiant heat’s impact on temperature of kitchen</a>
        </div>
        <div class="row">
            &nbsp;
        </div>
        <div class="row">
            &nbsp;
        </div>
    </div>
    <hr>
    <div name="utv_detail">
        <div>
            <h3 class="text-center">About Us</h3>
            <h5 class="text-center">A better understanding UVTech</h5>
        </div>
        <div class="row">
            <div class="col-md-6 lh-row">
                <div class="lh-row-img lh-fl lh-talign-r">
                    <img src="__TMPL__/public/assets/images/comp/pinpai.jpg" class="lh-row-img-src img-circle noborder">
                </div>
                <div class="lh-row-title lh-fl lh-talign-l">
                    <h6>ABOUT</h6>
                    <div><a href="/thinkcmf/public/portal/abouten.html#0">UVTech</a></div>
                    <div><a href="/thinkcmf/public/portal/abouten.html#1">Production</a></div>
                    <div><a href="/thinkcmf/public/portal/abouten.html#2">R&D</a></div>
                </div>
            </div>
            <div class="col-md-6 lh-row">
                <div class="lh-row-img lh-fl lh-talign-r">
                    <img src="__TMPL__/public/assets/images/comp/chanpin.jpg" class="lh-row-img-src img-circle noborder">
                </div>
                <div class="lh-row-title lh-fl lh-talign-l">
                    <h6>PRODUCT</h6>
                    <div><a href="/thinkcmf/public/portal/producten.html#0">The Classic FRHS Ventilation H</a></div>
                    <div><a href="/thinkcmf/public/portal/producten.html#1">The Hydro-Vent Hood – WRHS</a></div>
                    <div><a href="/thinkcmf/public/portal/producten.html#2">The Superior UVTRHS Ventilatio</a></div>
                    <div><a href="/thinkcmf/public/portal/producten.html#3">Variable Speed Control Exhaust</a></div>
                    <div><a href="/thinkcmf/public/portal/producten.html#4">Ventilated Ceiling</a></div>
                    <div><a href="/thinkcmf/public/portal/producten.html#5">The Custom Engineered</a></div>
                    <div><a href="/thinkcmf/public/portal/producten.html#6">UNIHOOD</a></div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6 lh-row">
                <div class="lh-row-img lh-fl lh-talign-r">
                    <img src="__TMPL__/public/assets/images/comp/anli.jpg" class="lh-row-img-src img-circle noborder">
                </div>
                <div class="lh-row-title lh-fl lh-talign-l">
                    <h6>CASE</h6>
                    <div><a href="/thinkcmf/public/portal/caseen.html#0">Cooperative Brand</a></div>
                </div>
            </div>
            <div class="col-md-6 lh-row">
                <div class="lh-row-img lh-fl lh-talign-r">
                    <img src="__TMPL__/public/assets/images/comp/fuwu.jpg" class="lh-row-img-src img-circle noborder">
                </div>
                <div class="lh-row-title lh-fl lh-talign-l">
                    <h6>SERVICE</h6>
                    <div><a href="/thinkcmf/public/portal/serviceen.html#0">Our services</a></div>
                    <div><a href="/thinkcmf/public/portal/serviceen.html#1">Download</a></div>
                    <div><a href="/thinkcmf/public/portal/serviceen.html#2">The latest news</a></div>
                </div>
            </div>
        </div>
    </div>



</div>
<include file="public@footer"/>
<!-- /container -->
<include file="public@scripts"/>
<script src="__TMPL__/public/assets/js/slippry.min.js"></script>
<script>
    $(function () {
        $("#home-slider").slippry({
            transition: 'fade',
            useCSS: true,
            captions: false,
            speed: 1000,
            pause: 3000,
            auto: true,
            preload: 'visible'
        });
        $("#home-slider").show();

//        $("#main-menu li").hover(function (event) {
//            var pthis = $(this);
//            var id = pthis.attr("id")+'_item';
//            $('.lh-nav-active').removeClass('lh-nav-active').addClass('lh-nav');
//            $('#'+id).removeClass('lh-nav').addClass('lh-nav-active');
//        });
//        $(".lh-dropdown-item").hover(function (event) {
//            console.log('');
//        },function (event) {
//            var pthis = $(this);
//            var id = pthis.attr("id");
//            $('#'+id).removeClass('lh-nav-active').addClass('lh-nav');
//        });
    });
</script>
<hook name="before_body_end"/>
</body>
</html>
